$(function () {
    //下拉菜单
    // $(".submenu").hide();
    // $(".drop-menu-effect").mouseover(function () {
    //     $(this).find(".submenu").show();
    // })
    // $(".drop-menu-effect").mouseout(function () {
    //     $(this).find(".submenu").hide();
    // })

    function dropMenu(obj) {
        $(obj).each(function () {
            var theSpan = $(this);
            var theMenu = theSpan.find(".submenu");
            var tarHeight = theMenu.height();
            theMenu.css({ height: 0, opacity: 0 });
            theSpan.hover(
                function () {
                    theMenu.stop().show().animate({ height: tarHeight, opacity: 1 }, 400);
                },
                function () {
                    theMenu.stop().animate({ height: 0, opacity: 0 }, 400, function () {
                        $(this).css({ display: "none" });
                    });
                }
            );
        });
    }

    $(document).ready(function () {

        dropMenu(".drop-menu-effect");

    });
    var nav = $(".nav").offset().top;
    //获取要定位元素距离浏览器顶部的距离
    //滚动条事件
    $(window).scroll(function () {
        //获取滚动条的滑动距离
        var scro = $(this).scrollTop();
        // 滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离，就固定，反之就不固定
        if (scro >= nav) {
            $(".nav").css({
                "position": "fixed",
                "top": 0,
                "left": 0,
                "z-index": 1000,
                "margin": "0 auto",
                "width": "100%"
            });
        } else if (scro < nav) {
            $(".nav").css({
                "position": "relative",
                "margin": "0 auto",
            });
        }
        //二维码
        var v = document.documentElement.scrollTop || document.body.scrollTop;
        if (v > 400) {
            $(".ma").fadeIn(800);
            $(".ma").css({
                "position": "fixed",
                "top": "375px",
                "left": 0,
                "z-index": 1000,
            })

        } else {
            $(".ma").fadeOut(800);
            $(".ma").css({
                "position": "relative",

            })
        }

    });
    //轮播
    var c = 0;
    num = $(".slide >li").length;
    bianhua(0);
    $(".circle>li").each(function (o) {
        $(this).click(function () {
            bianhua(o);
        })
    })
    $(".jt").hide();
    $(".bigpicture").mouseover(function () {
        $(".jt").show();
    })
    $(".bigpicture").mouseout(function () {
        $(".jt").hide();
    })
    $("#next").click(function () {
        c++;
        if (c >= num) {
            c = 0;
        }
        bianhua(c);
    });
    $("#prev").click(function () {
        c--;
        if (c < 0) {
            c = 4;
        }
        bianhua(c);
    })

    function bianhua(n) {
        $(".slide >li").eq(n).fadeIn(800);
        $(".slide >li").eq(n).siblings().fadeOut(800);
        $(".circle>li").eq(n).addClass("active");
        $(".circle>li").eq(n).siblings().removeClass("active");
    }
    setInterval(function () {
        c++;
        if (c == num) {
            c = 0;
        }
        bianhua(c);
    }, 3000)


    //换全部加入购物车的背景和轮播图和图片
    $("#song>li").eq(0).children().children().click(function () {
        $(".bgcolor").css({ "background-color": "#eed5d8" });
        $(".buy").css({ "background-color": "#eed5d8", "color": "#a45457" });
        $(".tiao").css({ "background-color": "#eed5d8" });
        var element = document.getElementById('title');
        element.src = "images/title01.png";
        var element1 = document.getElementById('title2');
        element1.src = "images/title02.png";
        var element2 = document.getElementById('title3');
        element2.src = "images/title03.jpg";
        $(".slide li").eq(1).show();
        $(".slide li").eq(1).siblings().hide();
        $(".buy").hover(
            function () { $(this).css({ "background-color": "#fa7304", "color": "#fff" }); },
            function () { $(this).css({ "background-color": "#eed5d8", "color": "#a45457" }); }
        );
    })
    $("#song>li").eq(1).children().children().click(function () {
        $(".bgcolor").css({ "background-color": "#cfe0e7" });
        $(".buy").css({ "background-color": "#cfe0e7", "color": "#4d7982" });
        $(".tiao").css({ "background-color": "#cfe0e7" });
        var element = document.getElementById('title');
        element.src = "images/title001.png";
        var element1 = document.getElementById('title2');
        element1.src = "images/title002.png";
        var element2 = document.getElementById('title3');
        element2.src = "images/title003.jpg";
        $(".slide li").eq(2).show();
        $(".slide li").eq(2).siblings().hide();
        $(".buy").hover(
            function () { $(this).css({ "background-color": "#fa7304", "color": "#fff" }); },
            function () { $(this).css({ "background-color": "#cfe0e7", "color": "#4d7982" }); }
        );
    })
    $("#song>li").eq(2).children().children().click(function () {
        $(".bgcolor").css({ "background-color": "#cfd6e6" });
        $(".buy").css({ "background-color": "#cfd6e6", "color": "#515570" });
        $(".tiao").css({ "background-color": "#cfd6e6" });
        var element = document.getElementById('title');
        element.src = "images/title0001.png";
        var element1 = document.getElementById('title2');
        element1.src = "images/title0002.png";
        var element2 = document.getElementById('title3');
        element2.src = "images/title0003.jpg";
        $(".slide li").eq(3).show();
        $(".slide li").eq(3).siblings().hide();
        $(".buy").hover(
            function () { $(this).css({ "background-color": "#fa7304", "color": "#fff" }); },
            function () { $(this).css({ "background-color": "#cfd6e6", "color": "#515570" }); }
        );
    })
    $("#song>li").eq(3).children().children().click(function () {
        $(".bgcolor").css({ "background-color": "#dfcee0" });
        $(".buy").css({ "background-color": "#dfcee0", "color": "#5f527d" });
        $(".tiao").css({ "background-color": "#dfcee0" });
        var element = document.getElementById('title');
        element.src = "images/title1.png";
        var element1 = document.getElementById('title2');
        element1.src = "images/title2.png";
        var element2 = document.getElementById('title3');
        element2.src = "images/title3.jpg";
        $(".slide li").eq(4).show();
        $(".slide li").eq(4).siblings().hide();
        $(".buy").hover(
            function () { $(this).css({ "background-color": "#fa7304", "color": "#fff" }); },
            function () { $(this).css({ "background-color": "#dfcee0", "color": "#5f527d" }); }
        );
    })

    //加入购物车变色
    $(".buy").hover(
        function () { $(this).css({ "background-color": "#fa7304", "color": "#fff" }); },
        function () { $(this).css({ "background-color": "#dfcee0", "color": "#5f527d" }); }
    );
    //加入购物车

    $(".buy").click(function () {
        var o = parseFloat($(".num").text());
        o++;
        $(".num").text(function () {
            return o;
        });
        mu = parseFloat($(".avg").text());
        nu = parseFloat($(this).parent().children().children(".number").text());
        var avg;
        avg = mu + nu;
        $(".avg").text(function () {
            return avg
        });
        $(".qian").text(function () {
            return avg
        });

    })
    $(".zjt").click(function () {
        $("#table").hide();
    })
    $(".select").click(function () {
        $("#table").hide();
    })
    $(".buy1").click(function () {
        $("#or .order img").attr("src", "images/flower3.jpg");
        con = $(this).parent().children(".content").text();
        $("#or .ofont").text(function () {
            return con;
        });
        $("#or .xmoney").text(function () {
            return nu;
        });
        $("#table .take").before($("#or .order").clone());

        var o = parseFloat($(".num").text());
        var vg = parseFloat($(".avg").text());
        $("#table .odelete").click(function () {
            $(this).parent().remove();
            vg = vg - 326;
            $(".avg").text(function () {
                return vg
            });
            $(".qian").text(function () {
                return vg
            });
            o--;
            $(".num").text(function () {
                return o;
            });
        })
    })
    $(".buy2").click(function () {
        $("#or .order img").attr("src", "images/flower4.jpg");
        con = $(this).parent().children(".content").text();
        $("#or .ofont").text(function () {
            return con;
        });
        $("#or .xmoney").text(function () {
            return nu;
        });
        $("#table .take").before($("#or .order").clone());
        $("#table .order").children().children().removeClass("oimg");
        var o = parseFloat($(".num").text());
        var vg = parseFloat($(".avg").text());
        $("#table .odelete").click(function () {
            $(this).parent().remove();
            vg = vg - 318;
            $(".avg").text(function () {
                return vg
            });
            $(".qian").text(function () {
                return vg
            });
            o--;
            $(".num").text(function () {
                return o;
            });
        })
    })
    $(".buy3").click(function () {
        $("#or .order img").attr("src", "images/flower2.jpg");
        con = $(this).parent().parent().children(".content").text();
        $("#or .ofont").text(function () {
            return con;
        });
        $("#or .xmoney").text(function () {
            return nu;
        });
        $("#table .take").before($("#or .order").clone());
        $("#table .order").children().children().removeClass("oimg");
        var o = parseFloat($(".num").text());
        var vg = parseFloat($(".avg").text());
        $("#table .odelete").click(function () {
            $(this).parent().remove();
            vg = vg - 196;
            $(".avg").text(function () {
                return vg
            });
            $(".qian").text(function () {
                return vg
            });
            o--;
            $(".num").text(function () {
                return o;
            });
        })
    })
    $(".buy4").click(function () {
        $("#or .order img").attr("src", "images/f2.jpg");
        con = $(this).parent().children(".content").text();
        $("#or .ofont").text(function () {
            return con;
        });
        $("#or .xmoney").text(function () {
            return nu;
        });
        $("#table .take").before($("#or .order").clone());
        $("#table .order").children().children().removeClass("oimg");
        var o = parseFloat($(".num").text());
        var vg = parseFloat($(".avg").text());
        $("#table .odelete").click(function () {
            $(this).parent().remove();
            vg = vg - 208;
            $(".avg").text(function () {
                return vg
            });
            $(".qian").text(function () {
                return vg
            });
            o--;
            $(".num").text(function () {
                return o;
            });
        })
    })
    $(".buy5").click(function () {
        $("#or .order img").attr("src", "images/f1.jpg");
        con = $(this).parent().children(".content").text();
        $("#or .ofont").text(function () {
            return con;
        });
        $("#or .xmoney").text(function () {
            return nu;
        });
        $("#table .take").before($("#or .order").clone());
        $("#table .order").children().children().removeClass("oimg");
        var o = parseFloat($(".num").text());
        var vg = parseFloat($(".avg").text());
        $("#table .odelete").click(function () {
            $(this).parent().remove();
            vg = vg - 208;
            $(".avg").text(function () {
                return vg
            });
            $(".qian").text(function () {
                return vg
            });
            o--;
            $(".num").text(function () {
                return o;
            });
        })
    })
    $(".buy6").click(function () {

        $("#or .order img").attr("src", "images/f3.jpg");

        con = $(this).parent().children(".content").text();
        $("#or .ofont").text(function () {
            return con;
        });
        $("#or .xmoney").text(function () {
            return nu;
        });
        $("#table .take").before($("#or .order").clone());
        $("#table .order").children().children().removeClass("oimg");
        var o = parseFloat($(".num").text());
        var vg = parseFloat($(".avg").text());
        $("#table .odelete").click(function () {
            $(this).parent().remove();
            vg = vg - 359;
            $(".avg").text(function () {
                return vg
            });
            $(".qian").text(function () {
                return vg
            });
            o--;
            $(".num").text(function () {
                return o;
            });
        })
    })
    $(".buy7").click(function () {

        $("#or .order img").attr("src", "images/f5.jpg");

        con = $(this).parent().children(".content").text();
        $("#or .ofont").text(function () {
            return con;
        });
        $("#or .xmoney").text(function () {
            return nu;
        });
        $("#table .take").before($("#or .order").clone());
        var o = parseFloat($(".num").text());
        var vg = parseFloat($(".avg").text());
        $("#table .odelete").click(function () {
            $(this).parent().remove();
            vg = vg - 282;
            $(".avg").text(function () {
                return vg
            });
            $(".qian").text(function () {
                return vg
            });
            o--;
            $(".num").text(function () {
                return o;
            });
        })
    })
    $(".buy8").click(function () {

        $("#or .order img").attr("src", "images/f4.jpg");

        con = $(this).parents().children(".content").text();
        $("#or .ofont").text(function () {
            return con;
        });
        $("#or .xmoney").text(function () {
            return nu;
        });
        $("#table .take").before($("#or .order").clone());
        var o = parseFloat($(".num").text());
        var vg = parseFloat($(".avg").text());
        var q = parseFloat($(".qian").text());
        $("#table .odelete").click(function () {
            $(this).parent().remove();

            vg = vg - 317;
            q = q - 317;

            $(".avg").text(function () {
                return vg
            });
            $(".qian").text(function () {
                return q
            });
            o--;
            $(".num").text(function () {
                return o;
            });
        })
        var qb = parseFloat($(".qian").text());

        // $(".c_all").click(function () {
        //     var v = $(this).prop("checked");
        //     console.log(v);
        //     if (v) {
        //         $(this).attr("checked", "checked");
        //         qb = qb + 317;

        //         $(".qian").text(function () {
        //             return qb
        //         });
        //     } else {
        //         $(this).removeAttr("checked");
        //         qb = qb - 317;

        //         $(".qian").text(function () {
        //             return qb
        //         });
        //         var t = parseFloat($(".qian").text());
        //         var w = parseFloat($(".avg").text());
        //         var p = parseFloat($(".num").text());
        //         $("#table .odelete").click(function () {
        //             $(this).parent().remove();
        //             w = w - 317;
        //             t = t - 317;
        //             $(".avg").text(function () {
        //                 return w
        //             });
        //             $(".qian").text(function () {
        //                 return t
        //             });
        //             p--;
        //             $(".num").text(function () {
        //                 return p;
        //             });
        //         })
        //     }
        // })

    });





    $("#table").hide();
    $(".icon-bag").click(function () {
        $("#table").show();

    })



})


